// 颜色定义规范

$color_err: rgb(250, 59, 59);
$color_suc: #00be00;
$color_wrn: rgb(235, 235, 0);
$color_main: rgb(255, 140, 17);
$color_border: #ffa080;

$background: #fff;
$background_dark: #e6e5e8;
$background_dark2: #e2e1e4;
$background_dark_alpha: rgba(0, 0, 0, 0.56);
$background_light: rgba(255, 255, 255, 0.8);

$background_main_10: color-mix(in srgb, $color_main 10%, #fff 90%);
$background_main_15: color-mix(in srgb, $color_main 15%, #fff 85%);
$background_main_20: color-mix(in srgb, $color_main 20%, #fff 80%);
$background_main_30: color-mix(in srgb, $color_main 30%, #fff 70%);
$background_main_40: color-mix(in srgb, $color_main 40%, #fff 60%);
$background_main_50: color-mix(in srgb, $color_main 50%, #fff 50%);

// 字体定义规范
$font_mini_s: 20px;
$font_mini: 22px;
$font_small: 24px;
$font_small_x: 26px;
$font_medium: 28px;
$font_medium_x: 32px;
$font_large: 36px;
$font_large_x: 40px;
$font_max: 44px;
$font_max_x: 50px;

// 字体粗细
$blod: 600;
$base: 400;
$mini: 100;

// 字体颜色
$color_text: #353535;
$color_text_dd: rgba(50, 50, 50, 0.2);
$color_text_d: rgba(50, 50, 50, 0.3);
$color_text_l: rgba(50, 50, 50, 0.5);
$color_text_ll: rgba(50, 50, 50, 0.7);

// Padding
$space_1: 10px;
$space_2: 20px;
$space_3: 30px;
$space_4: 35px;
$space_5: 40px;
$space_6: 45px;
$space_7: 50px;

$font_family: -apple-system, BlinkMacSystemFont, 'Helvetica Neue', Helvetica,
	Segoe UI, Arial, Roboto, 'PingFang SC', 'miui', 'Hiragino Sans GB',
	'Microsoft Yahei', sans-serif;

$border_radius_1: 12px;
$border_radius_2: 16px;
$border_radius_3: 20px;
$border_radius_4: 24px;
$border_radius_5: 32px;
$border_radius_6: 40px;

$shadow_color: rgba(10, 10, 10, 0.1);
$box_shadow_1: 0 5px 10px $shadow_color;
